<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>测试文本</h1>
<div>div1</div>
<div>div2</div>
<div>div3</div>
<!--引入jQuery框架文件-->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<!--引入本地框架文件-->
<!--<script src="jq.js"></script>-->
<script>
    //找到h1标签修改其内容
    $("h1").text("引入成功!");
    //js写法 等效上面代码
    let h=document.querySelector("h1");
    h.innerText="引入成功1!!!!!"
    //js写法 修改三个div的内容
    let arr=document.querySelectorAll("div");
    for(let i=0;i<arr.length;i++){
        //取出每一个div
        let d=arr[i];
        d.innerText="内容修改了!!!!!!!!!!!!!!!!";
    }
    //jq写法
    $("div").text("又被jq改了!!!你妈了个巴子的");

</script>

</body>
</html>